<template>
    <div class="ratingsWrap">
      <StarInfo :seller="seller"></StarInfo>
      <RatingsChooseBoard :ratings="ratings"></RatingsChooseBoard>
      <RatingsContent :ratings="ratings"></RatingsContent>
    </div>
</template>

<script>
import StarInfo from './components/StarInfo.vue'
import RatingsChooseBoard from '@/pages/common/RatingsChooseBoard.vue'
import RatingsContent from './components/RatingsContent.vue'
export default {
  name: 'Dishes',
  components: {
    StarInfo,
    RatingsChooseBoard,
    RatingsContent
  },
  props: {
    ratings: Array,
    seller: Object
  }
}
</script>

<style lang='scss' scoped>
  .ratingsWrap {
    background: #f3f5f7
  }
</style>
